+<template>
  <div class="classfiy-right-main">
    <div class="classfiy-right-main-title" v-for="ite in getdata" :key="ite.id">
           <div class="title">{{ ite.menuName }}</div>
        <router-link
          href="#"
          class="classfiy-right-main-outbox"
          v-for="itx in ite.childMenus"
          :key="itx.id"
          :to="'/goods/'+itx.id"
        >
          <div class="classfiy-right-main-box">
            <div>
              <img :src="itx.mbsecondPicture" alt="" />
            </div>
            <p>{{ itx.menuName }}</p>
          </div>
        </router-link>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    getdata: {
      type: Array,
      required: true,
    },
  },
};
</script>

<style src="../assets/css/classfiy.css" scoped>
</style>